<!-- houdurnen.com -->
<body>
    <!-- <h1 id="houdunren">后盾人</h1> -->

    <!-- <table>
        houdunren.com
        <tr>
            <td>hdcms.cm</td>
        </tr>
    </table> -->

    <!--标签移动-->


    <script>
        //操作时机
        // console.dir('houdunren.com');
        //需要保障浏览器已经渲染了内容才可以读取节点对象，下例将无法读取到节点
        
        //不过我们可以将脚本通过事件放在页面渲染完执行
        // window.onload = function(){
        //     const node = document.getElementById("hdcms");
        //     console.log(node);
        // }

        //也可以使用定时器将脚本设置为异步执行
        // setTimeout(() => {
        //     const node = document.getElementById("hdcms");
        //     console.log(node);
        // });

        //也可以放在文档加载后的事件处理函数中
        // window.onload = function(){
        //     let hd = document.getElementById("hdcms");
        //     console.log(hd);
        // }


        //获取将脚本设置在外部并且使用defer属性进行加载,defer会等到
        //DOM解析后延迟执行
        
       
    </script>
    <!--可以在脚本的外部进行属性家在，可以添加defer属性 意思就是defer会等到DOM解析后延迟执行-->
    <script src="3.js" defer></script>
    <h1 id="hdcms"></h1>
</body>



